<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        // jsonp的原理：利用html中的scrpt标签允许跨域请求资源来实现的
        // 1. 第一步实现回调函数
        // https://api.douban.com/v2/book/search?q=javascript&count=1&callback=callback

        function callback(data){
            console.log(data);
        }

        // 2. 使用js提供得到dom操作，创建一个script标签
        let script = document.createElement("script");

        // 3. 把script标签的src属性的值写成服务器的地址
        script.src="https://api.douban.com/v2/book/search?q=javascript&count=1&callback=callback"

        // 4. 把script标签追加到head里面，浏览器会自动执行script获取src里面执行的地址的数据出来
        document.head.append(script)
        // 后端相应的数据一般就是以下格式保存到一个js地址文件中：

        /*
          callback({"json格式的json数据"})
         */
    </script>
</body>
</html>